Santa Village

JavaScript/ Illustration

Overview

Santa Village is a fictional themed park of Santa, and it is designed to show Santa event information, for example open hours, contacts,and background story.

Santa Village is a JavaScript accordion exercise and the whole process is full of fun and challenges since it is our first JavaScript assignment. The design is completed by using Illustrator.

Responsibilities

Illustration/ JavaScript

Icon Design

Challenge

One of the biggest challenges is about how to make the dropdown motion works. My key objective here is to make the extending motion on house body when pointing and pressing cursor on the header. The final desired outcome shows that it lengthens or stretches down the box to reveal more detailed elaboration on the topic.

Page designs

Flowchart

Other Projects